<template>
    <div class="foot-nav">
        <div class="wid-1200 info-link">
            <div class="info-box">
                <div>
                    <p>版权所有：温榆河公园</p>
                    <p>地址：北京市中心城区东北部</p>
                    <p>邮箱：wenyuhepark@163.com</p>
                    <p>电话：74417554</p>
                </div>
                <div>
                    <b>友情链接</b>
                    <div>
                        <a href="#">百度链接</a>
                        <a href="#">百度链接</a>
                        <a href="#">百度链接</a>
                    </div>
                    <div>
                        <a href="#">百度链接</a>
                        <a href="#">百度链接</a>
                        <a href="#">百度链接</a>
                    </div>
                    <div>
                        <a href="#">百度链接</a>
                        <a href="#">百度链接</a>
                        <a href="#">百度链接</a>
                    </div>
                </div>
            </div>
        </div>
        <footer>
            Copyright温榆河湿地公园2019-2020
        </footer>
    </div>
</template>

<script>
    export default {
        name: "index"
    }
</script>

<style scoped lang="scss">
    @import "@/assets/css/basis";
    .foot-nav {
        width: 100%;
        margin-top:120px;
        background-color: $colorBottom;
        .info-box {
            display: flex;
            justify-content: space-between;
            padding: 50px 0;
            >div{
                line-height: 26px;
                color: #fff;
                font-size: 12px;
                a{
                    margin-right: 30px;
                    color: #fff;
                }
            }
        }
        footer {
            text-align: center;
            line-height: 40px;
            color: #fff;
            border-top: 1px solid #fff;
        }
    }
</style>
